﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="experiencePersonal.aspx.cs" Inherits="User_ExperienceReg_experiencePersonal" %>

<%@ Register src="../../Controls/Head.ascx" tagname="Head" tagprefix="uc1" %>

<%@ Register src="../../Controls/Foot.ascx" tagname="Foot" tagprefix="uc2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
<script type="text/javascript" src="../../Scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery.validate.js"></script>
<script type="text/javascript" src="../../Scripts/messages_cn.js"></script>
<link type="text/css" href="../../CSS/style.css" rel="Stylesheet" />
<link href="../../css/website1.css" rel="stylesheet" type="text/css" />
<link href="../../css/reg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../Scripts/sendpassword.js"></script>
<script type="text/javascript" src="../../Scripts/My97DatePicker/WdatePicker.js"></script>
    <title>立言咨询平台-用户注册</title>
   <script type="text/javascript">
       $(function() {
           jQuery.validator.addMethod("isMobile", function(value, element) {
               var length = value.length;
               return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|18[0-9]{1}|(15[0-9]{1}))+\d{8})$/.test(value));
           }, "请正确填写您的手机号码");
           jQuery.validator.addMethod("isPhone", function(value, element) {
               var tel = /^(\d{3,4}-?)?\d{7,9}$/g;
               return this.optional(element) || (tel.test(value));
           }, "请正确填写您的电话号码");
           jQuery.validator.addMethod("isZipCode", function(value, element) {
               var tel = /^[0-9]{6}$/;
               return this.optional(element) || (tel.test(value));
           }, "请正确填写您的邮政编码");
            
           $("#commentForm").validate(
           {
               errorClass: "error",
               ignoreTitle: true,
               errorPlacement: function(error, element) {
                   if (element.is(":radio"))
                       error.appendTo(element.parent());
                   else
                       error.appendTo(element.parent());
               },
               rules: {
                   MobileNO: {
                       isMobile: true, required: true
                   },
                   password: {
                       required: true
                   },
                   realName: {
                       required: true
                   },
                   email: {
                       required: true,
                       email: true
                   },
                   zipCode: {
                       isZipCode: true
                   },
                   phone: {
                       isPhone: true, required: true
                   },
                   sex: { required: true },
                   txt_Address:{ required: true },
                   txt_ZipCode:{ required: true },                  
                   vocation:{ required: true },
                   txt_Birth:{ required: true },
                   txt_Like:{ required: true }
               },
               messages: {
                   MobileNO: { required: "手机号不能为空！" },
                   password: { required: "密码不能为空！" },
                   realName: { required: "姓名不能为空！" },
                   phone: { required: "电话号码不能为空！" },
                   email: { required: "请输入一个Email地址", email: "请输入一个有效的Email地址" },
                   sex: { required: "请选择一个性别！" },
                   txt_Address:{ required: "联系地址不能为空！" },
                   txt_ZipCode:{ required: "邮编不能为空！" },
                   vocation:{ required: "文化程度不能为空！"},
                   txt_Birth:{ required: "年龄不能为空！" },
                   txt_Like:{ required: "爱好不能为空！" }
               }
           });
       });
    
    </script>
    
    <style type="text/css">
        .style1
        {
            width: 100%;
            height:450px;
        }
        .t1
        {
        	width:40px;
        	height:45px;
        	}
        .t2
        {
        	width:120px;
        	height:45px;
        	text-align:right;
        	font-size:12px;
        	color:#121D27;
        	border-bottom:dotted thin #ccc;
        	font-family:"宋体";
        	}
        .t3
        {
        	width:350px;
        	height:45px;
        	text-align:left;
        	border-bottom:dotted thin #ccc;
            font-weight: 700;
           
        }
        .t4
        {
        	width:230px;
        	height:45px;
        	text-align:left;
        	font-size:12px;
        	border-bottom:dotted thin #ccc;
        	 color:Gray;
        	}
        .t5
        {
        	width:50px;
        	height:55px;
        	}
        span
        {
        	color:Red;
        	}
                body
        {
            font-size:12px;
        }
        
        /* form中显示文字的label */
        .slabel
        {
        	width:142px;
        	display: -moz-inline-box;
        	line-height: 1.8;
        	display: inline-block;
        	text-align:right;
        }
        label.error
        {
        	color:#CD0A0A;
        	margin-left:5px;
        }
        /* 深红色文字 */
        .textred
        {
        	color:#CD0A0A;
        }	
    </style>
</head>
<body>
    <form id="commentForm" runat="server">
    <div id="big">
     <uc1:Head ID="Head1" runat="server" />
    <div id="main">
          <div id="r1"><div id="r11"><a href="#">&nbsp; &nbsp;立言注册</a>
              </div></div>
          <table align="center" class="style1">
            <tr>
                <td class="t1">&nbsp;
                    </td>
                <td class="t2">
                    <span>*</span>账户名称(手机号)：</td>
                <td class="t3">
                    <asp:TextBox ID="MobileNO" runat="server" BorderColor="#036EB8" BorderWidth="1px" 
                        Height="20px" Width="200px"></asp:TextBox>
                        </td>
                <td class="t4">
                    11个数字手机号码。一旦注册成功登录名不能修改。</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
              <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>密码：</td>
                <td class="t3">
                    <asp:TextBox ID="password" runat="server" BorderWidth="1px" Height="20px" 
                        Width="150px" BorderColor="#036EB8" maxlength="6" TextMode="Password"></asp:TextBox>&nbsp; &nbsp;&nbsp; &nbsp;
                        <input type='button' id="CommentSubmit" class="btn" value='获取验证码' onclick="SendComment(1)"   /></td>
                <td class="t4">
                    密码长度6位，字母区分大小写</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
                       <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>个人姓名：</td>
                <td class="t3">
                    <asp:TextBox ID="realName" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    例如：张三或者李四，建议使用中文。</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
              <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>性别：</td>
                <td class="t3">
                    <asp:RadioButton ID="rb_Man" runat="server" Text="男" GroupName="sex" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:RadioButton ID="rb_Woman" runat="server" Text="女" GroupName="sex" />
                        </td>
                <td class="t4">&nbsp;
                    </td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
            <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>联系电话：</td>
                <td class="t3">
                    <asp:TextBox ID="phone" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    例如：021-63932222</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
 
                      <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>电子邮件：</td>
                <td class="t3">
                    <asp:TextBox ID="email" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    没有电子邮件？推荐使用<a href="http://www.hotmail.com">Hotmail邮箱</a>、<a 
                        href="http://www.sohu.com">搜狐邮箱</a>和<a href="http://www.163.com">网易邮箱</a>。</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
            <tr>
                <td class="t1">&nbsp;
                    </td>
                <td class="t2">
                    <span>*</span>从事行业：</td>
                <td class="t3">
                    <asp:DropDownList ID="ddl_Vocation" runat="server" Width="200px">
                    </asp:DropDownList>
                        </td>
                <td class="t4">
                    例如：律师、教师、工程师</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>

            <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>联系地址：</td>
                <td class="t3">
                    <asp:TextBox ID="txt_Address" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    例如：上海市黄埔区XX号</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
            <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>邮编：</td>
                <td class="t3">
                    <asp:TextBox ID="txt_ZipCode" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    例如：20006</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
                       <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>文化程度：</td>
                <td class="t3">
                    <asp:DropDownList ID="ddl_Education" runat="server" Width="200px">
                    </asp:DropDownList>
                        </td>
                <td class="t4">&nbsp;
                    </td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
            <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>出生年月：    
                    </td>
                    <td class="t3">
                    <asp:TextBox ID="txt_Birth" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">&nbsp;
                   </td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
            <tr>
                 <td class="t1">&nbsp;
                     </td>
                <td class="t2">
                    <span>*</span>业余爱好：    <td class="t3">
                    <asp:TextBox ID="txt_Like" runat="server" BorderWidth="1px" Height="20px" 
                        Width="200px" BorderColor="#036EB8"></asp:TextBox>
                        </td>
                <td class="t4">
                    例如：唱歌.看书.体育运动.</td>
                <td class="t5">&nbsp;
                    </td>
            </tr>
        </table>
        <div style="margin-top:10px;width:990px; height:25px;"><div style=" font-family:Arial, Helvetica, sans-serif ;font-size: 12px;color:red;">*立言平台将以短信息方式将您的注册用户密码发送到您的注册手机号码上。如长时间没有收到该条信息，可通过立言平台的“注册用户密码查询”功能重新获取*</div></div>
        <div style="width:648px; height:50px; text-align:left;">
            <asp:ImageButton ID="btn_Submit" runat="server" 
                ImageUrl="~/Images/RegImg/tijiao.gif" onclick="btn_Submit_Click" /> 
            </div>
        <div style="width:990px; height:50px;">
           
          </div>
    </div>
         <uc2:Foot ID="Foot1" runat="server" />
    
    </div>
    <script type="text/javascript">
        //<![CDATA[
        GetComment(1, 1);
        //]]>
</script>
    </form>
</body>
</html>
